<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'client.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link rel="stylesheet" type="text/css"
			href="js/ext/resources/css/ext-all.css" />
		<link rel="stylesheet" type="text/css"
			href="js/ext/resources/css/ext-patch.css" />
		<script type="text/javascript" src="js/ext/adapter/ext/ext-base.js">
</script>
		<script type="text/javascript" src="js/ext/ext-all.js">
</script>
		<style type="text/css">
/*- Menu Tabs--------------------------- */
#tabs {
	width: 100%; float : left;
	background: #BBD9EE;
	font-size: 93%;
	line-height: normal;
	float: left;
}

#tabs ul {
	margin: 0;
	padding: 10px 10px 0 50px;
	list-style: none;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
}

#tabs a {
	float: right;
	background: url("images/tableft.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

#tabs a span {
	float: left;
	display: block;
	background: url("images/tabright.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
	float: none;
}

/* End IE5-Mac hack */
#tabs a:hover span {
	color: #FF9834;
}

#tabs a:hover {
	background-position: 0% -42px;
}

#tabs a:hover span {
	background-position: 100% -42px;
}

#tabs #current a {
	background-position: 0% -42px;
}

#tabs #current a span {
	background-position: 100% -42px;
}
</style>
		<script type="text/javascript">
Ext.onReady(function() {
	var cm = new Ext.grid.ColumnModel( [ {
		header : '序号',
		dataIndex : 'id',
		width : 60
	}, {
		header : '质押品编号',
		dataIndex : 'cid',
		width : 80
	}, {
		header : '质押品类型',
		dataIndex : 'ctype',
		width : 80
	}, {
		header : '市场估值（人民币）',
		dataIndex : 'value',
		width : 120
	}, {
		header : '到期日（如涉及）',
		dataIndex : 'deadline',
		width : 120
	}, {
		header : '所担保债项1',
		dataIndex : 'o1',
		width : 100
	}, {
		header : '所担保债项2',
		dataIndex : 'o2',
		width : 100
	}, {
		header : '所担保债项3',
		dataIndex : 'o3',
		width : 100
	}, {
		header : '所担保债项4',
		dataIndex : 'o4',
		width : 100
	}, ]);
	var data = [
			[ '1', 'FC1', '黄金', '1,000,000', '', 'FAC1', 'FAC2', 'FAC3', '' ],
			[ '2', 'FC2' ], [ '3' ], [ '4' ], [ '5' ], [ '6' ] ];
	var ds = new Ext.data.Store( {
		proxy : new Ext.data.MemoryProxy(data),
		reader : new Ext.data.ArrayReader( {}, [ {
			name : 'id'
		}, {
			name : 'cid'
		}, {
			name : 'ctype'
		}, {
			name : 'value'
		}, {
			name : 'deadline'
		}, {
			name : 'o1'
		}, {
			name : 'o2'
		}, {
			name : 'o3'
		}, {
			name : 'o4'
		} ])
	});
	ds.load();
	var grid = new Ext.grid.GridPanel( {
		renderTo : "mc_list",
		stripeRows : true,//斑马线效果 
		store : ds,
		height : 400,
		cm : cm
	});
});
</script>
	</head>

	<body>
		<div id="position" align="left">
			<font size="2">当前位置： <a href="" style="text-decoration: none;">首页</a>&gt;&gt;债项分析&gt;&gt;合同信息</font>
			<hr />
		</div>
		<br/>
		<div>
			<table width="200" align="left">
				<tr>
					<td>
						<font size="2"><a href="">查看</a> </font>
					</td>
					<td>
						<font size="2"><a href="view/obligation/addAssureInfo.jsp">新增</a> </font>
					</td>
					<td>
						<font size="2"><a href="">编辑</a> </font>
					</td>
					<td>
						<font size="2"><a href="">删除</a> </font>
					</td>
				</tr>
			</table>
			<br>
			<br />
		</div>

		<div id="tabs">
			<ul>
				<!-- CSS Tabs -->

				<li>
					<a href=OMain_MC.jsp><span>其他</span> </a>
				</li>
				<li>
					<a href="OMain_MC.jsp"><span>商用/居住用房地产</span> </a>
				</li>
				<li>
					<a href=OMain_MC.jsp><span>应收账款</span> </a>
				</li>
				<li id="current">
					<a href="OMain_MC.jsp"><span>金融类质押品</span> </a>
				</li>
			</ul>
		</div>
	
		
		<table width = "100%">
			<tr>
				<td>
					<div id="mc_list"></div>
				</td>
			</tr>
		</table>




	</body>
</html>
